import "./Button.scss"

// function Button(props){
// 给props设置默认值，所有的props都要指定 
// props.children 组件子元素
function ElButton({type="",children="默认文字",ghost="",radius}){
    return (
        // <a href="#" className="btn primary success">Default</a>
        // <a href="#" className={'btn '+"primary"}>Default</a>
        // <a href="#" className={'btn '+props.type}>Default</a>
        // <a href="#" className={'btn '+props.type}>{props.text||'default'}</a>
        // 给props设置默认值后，直接取值
        <a 
            href="#" 
            className={'btn '+type+(ghost?' ghost':'')+(radius?' radius':'')}
        >
            {children}
        </a>
    )
}

export default ElButton;